.site{background: rgb(252, 182, 0); min-height: 350px; width: 100%; position: relative; padding-top: 55px;
background: -moz-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -webkit-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -o-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -ms-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: linear-gradient(90deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
} 
.site2{background: rgb(252, 182, 0); min-height: 480px; width: 100%; position: relative; padding-top: 55px;
background: -moz-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -webkit-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -o-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -ms-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: linear-gradient(-90deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
}

html{background: rgb(252, 182, 0);
background: -moz-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -webkit-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -o-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: -ms-linear-gradient(0deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
background: linear-gradient(90deg, rgb(252, 182, 0) 50%, rgb(12, 23, 21) 50%);
}
.clear{ clear: both; }
#menuAc{ display:none; position: absolute; line-height:49px; color:#000; cursor:pointer; padding:0 10px; top: 20px; right: 20px; z-index: 20;}
#menuAc:hover{ color:#fcb600; }
#menuAc label{ cursor:pointer;}

 
nav#GizliMainMenu{ display:none; z-index:2000; position:fixed; width:260px; padding:10px; height:97%; top:0;background:rgba(0,0,0,1); right:0px; overflow:auto;}
nav#GizliMainMenu ol li a{ color:#FFF; line-height:170%;font-weight: 400;border-bottom: 1px solid #3a3a39;font-size: 13px;color: #bebebe;  display:block;
 padding:7px;transition: all 0.2s ease 0s;} 
nav#GizliMainMenu ol li a:hover{ background:#000;color:gold}
nav#GizliMainMenu ol ol{ padding-left:10px;} 
#menuKapat{ color:#fff; background:#000; display:block; line-height:40px; cursor:pointer;}
#menuKapat:hover{color:#000; background:#fff; }


#poweredBy {float: right;display: block;color: #CCC;}




header{transition: all 0.2s ease-in-out; width: 990px;height: 90px;margin: 0 auto;border-radius: 50px;background: url("../img/dots.png") repeat;position: relative;}
header:before {transition: all 0.2s ease-in-out;position: absolute;content: '';display: block;left: 15px;top: 15px;width: 960px;height: 60px;background: #fff;border-radius: 50px;-webkit-box-shadow: 0 25px 10px -20px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 25px 10px -20px rgba(0, 0, 0, 0.4);box-shadow: 0 25px 10px -20px rgba(0, 0, 0, 0.4);}
.logo{transition: all 0.2s ease-in-out;display: block;position: absolute; width: 150px;height: 154px;left: 50%;bottom: 15px;margin-left: -75px;top: 50%;margin-top: -77px;}
.logo:hover{width: 180px; height: 185px; margin-left: -90px; margin-top: -96px;}
.logo img{ width: 100%;}

.sol{ width:400px; float: left; position: relative; z-index: 2; padding: 15px;}
.sag{ width:400px; float: right; position: relative; z-index: 2; padding: 15px;}

.sol ol{ margin: 0; padding: 0; text-align: right; float: right;}
.sol ol li{ display: inline-block; list-style: none; line-height: 60px; position: relative;}
.sol ol li a{ margin: 0 20px;    font-size: 17px; }
.sol ol li:before,
.sag ol li:before{ display: block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: gold; position: absolute; left: 0; top: 45%;}


.sag ol{ margin: 0; padding: 0; text-align: left; float: left;}
.sag ol li{ display: inline-block; list-style: none; line-height: 60px; position: relative;}
.sag ol li a{ margin: 0 20px; font-size: 17px; }

.sol ol li:first-child:before,
.sag ol li:first-child:before{ display: none; }



.sol ol ol{ display:none; opacity:0; position:absolute; border-top: 15px solid #c85a45;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;background: #2a2d2d;line-height: normal;right: 0; padding-bottom: 10px;display: none;z-index: 2;width: 300px;}  
.sol ol li > ol:first-chlid{ top:75px;}
.sol ol ol li:before{display: none;}
.sol ol ol li{min-width:100px;width: 50%; line-height: 35px; }
.sol ol ol li a{ display: block; margin: 0; padding: 10px;text-align: left;color: #fff;font-size: 14px;line-height: 15px;text-decoration: none; text-transform: none;    border-bottom: 1px solid #404242;    position: relative;    -webkit-transition: background 0.3s ease;    -moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;    -o-transition: background 0.3s ease;    transition: background 0.3s ease; white-space:nowrap;}
.sol ol ol ol{ right:99%; top:3px;}
.sol ol :hover > ol{ opacity:1; display:block;}
.sol ol ol li:hover > a,
.sol ol ol li:hover,
.sol ol ol li a:hover{ background:#FFCB05; color:#000;} 



.sag ol ol{ display:none; opacity:0; position:absolute; border-top: 15px solid #c85a45;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;background: #2a2d2d;line-height: normal;left: 0; padding-bottom: 10px;display: none;z-index: 2; }  
.sag ol li > ol:first-chlid{ top:75px;}
.sag ol ol li:before{display: none;}
.sag ol ol li{min-width:100px;width: 100%; line-height: 35px; }
.sag ol ol li a{ display: block; margin: 0; padding: 10px;text-align: left;color: #fff;font-size: 14px;line-height: 15px;text-decoration: none; text-transform: none;    border-bottom: 1px solid #404242;    position: relative;    -webkit-transition: background 0.3s ease;    -moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;    -o-transition: background 0.3s ease;    transition: background 0.3s ease; white-space:nowrap;}
.sag ol ol ol{ right:99%; top:3px;}
.sag ol :hover > ol{ opacity:1; display:block;}
.sag ol ol li:hover > a,
.sag ol ol li:hover,
.sag ol ol li a:hover{ background:#FFCB05; color:#000;} 



.main{ text-align: center; margin:5px auto 0 auto; width: 990px; }
.mainsag,
.mainsol{ display: inline-block; width: 40%; padding:5%; text-align: right; vertical-align: top;}
.mainsol h2{ font-size: 35px;  font-weight: 400;color: #fff; text-shadow: 3.195px 2.407px 0px rgba(252, 65, 0, 0.32); margin-bottom: 23px;line-height: 1.1em;}
.mainsol h3{ margin-bottom: 23px; font-size: 37px; text-shadow: 3.195px 2.407px 0px rgba(255, 255,255, 0.3);}
.mainsol p{ font-weight: 400;font-size: 19px; margin-bottom: 10px; line-height: 160%;}
.car{ width: 120%; max-width: 475px; }

.mainsag { text-align: left; }
.mainsag h2{font-size: 35px;  font-weight: 400;color: #fff; text-shadow: 3.195px 2.407px 0px rgba(252, 65, 0, 0.32); margin-bottom: 23px;line-height: 1.1em;}

.mainsag input {width: 100%;height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: none;margin-bottom: 10px;background: #0C1010;border-radius: 5px;padding: 0 10px; color: #8b8e8e; font-size: 20px; outline: none;}
.mainsag label{ color: #8b8e8e; margin-bottom: 5px; display: block;}
.mainsag p{text-align: right; display: block; font-weight: 400;font-size: 15px; margin-bottom: 10px; line-height: 160%; color: #fff;}

.mainsag button{ overflow: hidden; float: right; outline: none; border-radius: 5px; border:none; padding: 10px; padding-right: 50px; color: #fff;font-size: 18px;line-height: 18px;background: #f2ac20; position: relative; margin-bottom: 30px;} 
.mainsag button:after{ display: block; content: ''; clear: both; }
.mainsag button img{ position: absolute; right: 10px; top: 4px;transition: all 0.3s ease-in-out; }
.mainsag button:hover {color: #000; cursor: pointer;}
.mainsag button:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg); }
.hvr-bounce-to-right:before{ background: gold!important; }

.kutular{ text-align: center; position: relative; background-color: #0c1715; padding-top: 30px; padding-bottom: 45px;}
.kutular .kutu{ display: inline-block; width: 24.5%; margin: 0.25%; vertical-align: top; background-color: #fff; text-align: left;background-image:url("../img/arrow-right.png"); background-position: 95% 88%; background-repeat: no-repeat; padding-bottom: 10px;}
.kutular .kutu:hover{background-image:url("../img/arrow-right-y.png"); }
.kutular .kutu img{ width: 100%;    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.8;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.kutular .kutu:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}

.kutular h2 {display: block;margin: 0 auto 35px auto;color: #fff;text-align: center; font-size: 44px;text-shadow: 3.536px 3.536px 0px #000000;position: relative;}
.kutular h3{ padding: 20px 20px 10px 20px; font-size: 20px; }
.kutular .kutu p:last-child{ padding: 0 40px 10px 20px; }



.mobil{ text-align: center; margin:5px auto 0 auto; width: 990px; position: relative; min-height: 450px;}
.mobilsag,
.mobilsol{ display: inline-block; width: 345px; text-align: right; vertical-align: top; }

.mobilsag h2,
.mobilsol h2{ font-size: 35px;  font-weight: 400;color: #fff; text-shadow: 3.195px 2.407px 0px rgba(252, 65, 0, 0.32); margin-bottom: 23px;line-height: 1.1em;}

.mobilsag h3{ margin-bottom: 10px; font-size: 20px; text-shadow: 3.195px 2.407px 0px rgba(255, 255,255, 0.3);}

.mobilsol{ padding:5% 150px 5% 0; }
.mobilsag{ padding:5% 0 5% 150px; text-align: left;}
.mobilsag p,
.mobilsol p{ line-height: 160%; color: #fff; font-size: 15px;}

.mobilsag p{ padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.22); }




footer{ width: 100%; padding: 15px 0; background:#f2ac20; color: #000; }
.foot{ width: 990px; margin: 0 auto; }

.body{ background:url("../img/pattern3.png"); }
.body .site{ min-height: 290px; }

.detay{     min-height: 290px; position: relative; padding: 45px; width: 900px;margin: -145px auto 45px auto; background:url("../img/pattern3.png");-webkit-box-shadow: 0px -5px 30px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    0px -5px 30px 0px rgba(50, 50, 50, 0.5);box-shadow:         0px -5px 30px 0px rgba(50, 50, 50, 0.5); border-radius: 12px;}
.detay h1{ font-size: 30px; margin-bottom: 10px; }


	.detay h1 a{ color:gold; text-decoration:underline;}
	.detay p{ line-height:140%;  padding:5px 0; text-align:justify; font-size:14px;font-family: 'Open Sans', sans-serif;}	 
	.detay ul{ list-style-image:url("../img/plugin/dot.png"); margin-left:40px;}
	.detay ul li{ line-height:140%; margin-bottom:10px; font-size:14px;font-family: 'Open Sans', sans-serif;}  



@media (max-width: 990px){ 
	header{ width: 600px;}
	header:before {width:570px;}
	.sol,.sag{ display: none; }
	#menuAc{ display:block; } 
	.site{ background: #fcb600; }
	.mobil,.main{ width: 100%; }
	.site2,.mobil{ min-height: inherit; }
	.mainsag, .mainsol{ width: 90%; text-align: center; }
	.car{ width: 100%; }
	.mainsag button{ background: #000; }
	.mainsag label{ text-align: left; color: #000;}
	.kutular .kutu{ width: 49%; }
	.mobil:after{ display: none; }
	.mobilsag,
	.mobilsol{ padding:5%; width: 40%; text-align: left;}
	.site2{padding-top: 0px;margin-top: -5px;}

	.foot{ width: 95%; }
	.detay { width: 80%; padding: 5%; }
} 


@media (max-width: 600px){ 
	header{ width: 300px; height: 75px; }
	header:before {width:270px; height: 45px;}
	.logo{ width: 100px; margin-left: -50px; margin-top: -56px;}
	.logo:hover{width: 120px; margin-left: -60px; margin-top: -66px;}
	#menuAc{ top: 12px; right: 12px; }
	.kutular .kutu{ width: 99%; }
	.mobil{ background: #fcb600; }
	.mobilsag,
	.mobilsol{ padding:5%; width:90%;}
}